@charset "UTF-8";

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

body,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
th,
td,
dl,
dd,
form,
fieldset,
legend,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	margin: 0;
	padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block;
}

a {
	transition: 0.6s;
	background-color: transparent;
	text-decoration: none;
	color: inherit;
}

table {
	border-collapse: collapse;
}

button,
input,
select,
textarea {
	font-size: 100%;
}

input,
button,
textarea,
select,
optgroup,
option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

input {
	-webkit-appearance: none;
}

mark {
	background-color: inherit;
}

abbr[title] {
	border-bottom: 1px dotted;
}

ol,
dl,
dt,
dd,
ul,
li {
	list-style: none;
}

img {
	border: 0;
	vertical-align: middle;
}

em,
strong {
	font-weight: normal;
}

i,
em {
	font-style: normal;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	pointer-events: unset !important;
}

.clear:after {
	display: block;
	clear: both;
	content: "";
	visibility: hidden;
}

.clearfix:after {
	display: block;
	clear: both;
	content: "";
	width: 0;
	height: 0;
	visibility: hidden;
}

@font-face {
	font-family: 'MyACaslonPro';
	src: url('');
}

body {
	font-size: 14px;
	font-family: "微软雅黑", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1";
	background: #fff;
}

@media only screen and (min-width: 1024px) {
	body {
		/*min-width: 1220px;*/
	}
}

.keoror_container {
	overflow: hidden;
}

.keoror_container,
.keoror_container .h_top {
	/*min-width: 1220px;*/
}

@media only screen and (min-width: 0) and (max-width: 1023px) {

	.keoror_container,
	.keoror_container .h_top {
		min-width: 320px;
	}
}

.word_content * {
	max-width: 100% !important;
}

/*html::-webkit-scrollbar{width: 5px; height: 5px;}
html::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1); background:rgba(0, 0, 0, 0.1);}
html::-webkit-scrollbar-thumb{background: #586894; border-radius: 6px;}*/

.center {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
}

@media only screen and (max-width: 1220px) {
	.center {
		max-width: 100%;
		padding: 0 .27rem;
	}
}

aside ul {
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	right: 60px;
	z-index: 99;
}

aside ul li {
	position: relative;
	width: 47px;
	height: 47px;
	text-align: center;
	margin-bottom: 5px;
	background: #c9c9c9;
}

aside ul li:last-child {
	margin-bottom: 0;
}

aside ul li i {
	transition: 0.6s;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	cursor: pointer;
}

aside ul li:nth-of-type(1) i {
	background: url(../images/aside_ico1.png) center no-repeat;
	background-size: 70%;
}

aside ul li>a {
	width: 100%;
	height: 100%;
	font-size: 14px;
	color: #fff;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

aside ul li:hover>a {
	background: #566892;
}

aside ul li .fix_tel {
	transition: 0.6s;
	z-index: -1;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 14px;
	color: #fff;
	background: #566892;
	height: 47px;
	line-height: 47px;
	padding: 0 10px;
	width: max-content;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: -ms-max-content;
	width: -o-max-content;
}

aside ul li:hover .fix_tel {
	opacity: 1;
	pointer-events: auto;
	right: 48px;
}

aside ul .go_top {
	display: none;
}

@media only screen and (max-width: 1023px) {
	aside {
		display: none !important;
	}
}

.back {
	position: relative;
	z-index: 1;
	float: left;
	display: inline-block;
	font-size: 14px;
	padding: 5px 15px;
	color: #566892;
	letter-spacing: 2px;
	border: 1px solid #566892;
	background: #fff;
	margin-top: 30px;
	margin-left: 1.75%;
}

.back:hover {
	color: #fff;
	background: #566892;
}

@media only screen and (min-width: 0) and (max-width: 1023px) {
	.back {
		font-size: .30rem;
		padding: 0 .35rem;
		height: 35px;
		line-height: 33px;
	}
}

@media only screen and (min-width: 0px) and (max-width: 500px) {
	.back {
		height: 27px;
		margin: 4px 0;
		line-height: 25px;
	}
}

.fenye {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 55px 0;
}

.fenye ul {
	display: flex;
	justify-content: center;
	align-items: center;
}

.fenye ul li {
	transition: 0.6s;
	width: 30px;
	height: 30px;
	line-height: 28px;
	margin: 0 6px;
	font-size: 14px;
	color: #4e4e4e;
	text-align: center;
	border: 1px solid #586894;
	border-radius: 5px;
}

.fenye ul li a {
	transition: 0s;
	display: block;
	width: 100%;
	height: 100%;
}

.fenye ul li:hover,
.fenye ul li.active {
	color: #fff;
	background: #586894;
}

.fenye>span {
	font-size: 14px;
	color: #4e4e4e;
	margin-left: 15px;
}

.fenye select {
	width: 55px;
	height: 30px;
	line-height: 28px;
	padding: 0 5px;
	font-size: 14px;
	color: #586894;
	border: 1px solid #586894;
	border-radius: 5px;
	background: transparent;
	outline: none;
	cursor: pointer;
}

@media only screen and (min-width: 0) and (max-width: 1023px) {
	.fenye {
		padding: .8936rem 0;
	}

	.fenye ul li {
		margin: 0 3px;
	}
}

@media only screen and (min-width: 0) and (max-width: 450px) {

	.fenye ul li,
	.fenye>span,
	.fenye select {
		font-size: 12px;
	}
}

@media only screen and (min-width: 451px) and (max-width: 768px) {

	.fenye ul li,
	.fenye>span,
	.fenye select {
		font-size: 14px;
	}
}

@media only screen and (min-width: 769px) and (max-width: 1023px) {

	.fenye ul li,
	.fenye>span,
	.fenye select {
		font-size: 16px;
	}
}

#baguetteBox-overlay .full-image figcaption {
	font-size: 24px;
	height: 70px;
	line-height: 70px !important;
}

@media only screen and (min-width: 0) and (max-width: 1023px) {
	#baguetteBox-overlay .full-image figcaption {
		font-size: .446rem;
		height: 48px;
		line-height: 48px !important;
	}
}

header {
	width: 100%;
	z-index: 1;
}

.h_top {
	transition: 0.6s;
	z-index: 99;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	/*min-width: 1220px;*/
}

.h_top.active2 {
	background: #fff;
}

.h_top .center {
	position: relative;
	width: 100%;
	height: 100%;
	padding-top: 25px;
	padding-bottom: 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.h_top .center:after {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 1920px;
	height: 0px;
	content: "";
	background: rgba(248, 248, 248, 0.42);
}

.h_logo,
.h_logo_a {
	z-index: 99;
	position: relative;
	display: inline-block;
}

.h_logo img,
.h_logo_a img {
	height: 62px;
	object-fit: contain;
}

.h_logo_a,
.h_top.active .h_logo {
	display: none;
}

.h_top.active .h_logo_a {
	display: inline-block;
}

.nav_open {
	transition: 0.6s;
	z-index: 99;
	background: #586894;
	padding: 5px;
	position: relative;
	width: 36px;
	height: 36px;
	cursor: pointer;
}

.nav_open span {
	position: absolute;
	top: 50%;
	left: 5px;
	margin-top: -1px;
	display: block;
	width: 26px;
	height: 1px;
	background: #fff;
	transition: .2s ease;
}

.nav_open span:before {
	content: '';
	position: absolute;
	top: -8px;
	left: 0;
	width: 26px;
	height: 1px;
	border-radius: 3px;
	background: #fff;
	transition: transform .2s ease, top .2s ease;
}

.nav_open span:after {
	position: absolute;
	top: 8px;
	left: 0;
	width: 26px;
	height: 1px;
	content: '';
	border-radius: 3px;
	background: #fff;
	transition: transform .2s ease, top .2s ease;
}

.nav_box {
	position: fixed;
	top: 0;
	left: 0;
	/*min-width: 1220px;*/
	width: 100%;
	height: 100%;
	padding-top: 102px;
	transform: translateY(-100%);
	opacity: 0;
	transition: .4s ease;
}

.h_top.active .nav_box {
	transform: translateY(0);
	opacity: 1;
}

.nav_box .bg {
	transition: 0.6s;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	background: rgba(70, 96, 156, 0.9);
}

.nav_box .content {
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 1200px;
	height: 100%;
	min-height: 490px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

.h_nav {
	display: flex;
	display: -ms-flex;
	align-items: flex-start;
	justify-content: center;
}

.h_nav li {
	text-align: center;
	margin-right: 40px;
}

.h_nav li:last-child {
	margin-right: 0;
}

.h_nav .red_ang {
	color: #e5211b
}

.h_nav li>a {
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
}

.h_nav li>a:hover {
	color: #e5211b;
}

.h_nav li dl {
	padding-top: 5px;
}

.h_nav li dl dd {
	margin: 10px 0;
}

.h_nav li dl dd a {
	display: inline-block;
	font-size: 14px;
	color: #fff;
	line-height: 200%;
}

.h_nav li dl dd a:hover {
	color: rgba(248, 248, 248, 0.42);
}

.h_top.active2 .h_nav li>a {
	color: #979798;
}

.h_top.active2 .h_nav .red_ang {
	color: #e5211b
}

.h_nav02 {
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

.h_nav02 li {
	text-align: center;
	margin-right: 40px;
}

.h_nav02 li:last-child {
	margin-right: 0;
}

.h_nav02 a {
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	color: #979798;
}

.h_nav02 .red_ang {
	color: #e5211b
}

.h_nav02 a:hover {
	color: #e5211b
}

.h_nav02 li dl {
	padding-top: 5px;
}

.h_nav02 li dl dd {
	margin: 10px 0;
}

.h_nav02 li dl dd a {
	display: inline-block;
	font-size: 14px;
	color: #fff;
	line-height: 200%;
}

.h_na02v li dl dd a:hover {
	color: rgba(248, 248, 248, 0.42);
}

.nav_box form {
	margin: 10% 0;
	width: 500px;
	height: 48px;
	position: relative;
}

.nav_box form input[type="text"] {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 48px;
	font-size: 20px;
	font-family: "Baskerville Old Face";
	color: #fff;
	padding-left: 30px;
	padding-right: 45px;
	border: 1px solid #fff;
	border-radius: 30px;
	background: transparent;
	outline: none;
}

.nav_box form input[type="text"]::-webkit-input-placeholder {
	color: #fff;
}

.nav_box form input[type="submit"] {
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 100%;
	border: none;
	background: url("") center no-repeat;
	outline: none;
	cursor: pointer;
}

.nav_close {
	width: 138px;
	height: 34px;
	line-height: 34px;
	font-size: 18px;
	font-family: "Baskerville Old Face";
	color: #000;
	text-align: center;
	border-radius: 20px;
	background: #fff;
	text-transform: uppercase;
	letter-spacing: 5px;
	cursor: pointer;
}

.h_top .center .nav_btn {
	transition: 0.6s;
	z-index: 9999999;
	background: #fff;
	padding: 4px;
	position: relative;
	width: 40px;
	height: 40px;
	cursor: pointer;
}

.h_top .center .nav_btn span {
	position: absolute;
	top: 50%;
	left: 9px;
	margin-top: -1px;
	display: block;
	width: 22px;
	height: 2px;
	background: #999;
	transition: .2s ease;
}

.h_top .center .nav_btn span:before {
	content: '';
	position: absolute;
	top: -8px;
	left: 0;
	width: 22px;
	height: 2px;
	border-radius: 3px;
	background: #999;
	transition: transform .2s ease, top .2s ease;
}

.h_top .center .nav_btn span:after {
	position: absolute;
	top: 8px;
	left: 0;
	width: 22px;
	height: 2px;
	content: '';
	border-radius: 3px;
	background: #999;
	transition: transform .2s ease, top .2s ease;
}

.h_top .center .nav_btn_open {
	background: #e6211b;
}

.h_top .center .nav_btn_open span {
	width: 0;
	left: 8px;
}

.h_top .center .nav_btn_open span:before {
	top: 0;
	transform: rotate(45deg);
}

.h_top .center .nav_btn_open span:after {
	top: 0;
	transform: rotate(-45deg);
}

@media only screen and (min-width: 1024px) {
	.h_top .nav_btn {
		display: none;
	}

	.h_top .mobile-nav-box {
		height: 0;
		overflow: hidden;
	}

	.h_top .mobile-nav-box .mobile-menu-nav ul li .tit {
		font-weight: normal;
	}
}

@media only screen and (min-width: 0) and (max-width: 1023px) {
	.h_top {
		height: 60px;
		background: #f8f8f8;
	}

	.h_top .center {
		padding-top: 0;
		padding-bottom: 0;
	}

	.h_top .center:after {
		display: none;
	}

	.h_logo img,
	.h_logo_a img {
		height: 40px;
	}

	.h_logo.active img {
		opacity: 0;
	}

	.nav_open {
		display: none;
	}

	.h_top nav {
		display: none;
	}

	.h_top .mobile-nav-box {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999999;
		min-width: 250px;
		width: 100%;
		height: 100%;
		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
		transform: perspective(450px) rotateY(-91deg);
		transform-origin: 0;
		transition: .4s ease;
	}

	.h_top .mobile-nav-box .mobile-logo {
		z-index: 99999999;
		position: relative;
		width: 250px;
		text-align: center;
		padding: 10px 0;
		background: #f8f8f8;
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.h_top .mobile-nav-box .mobile-logo img {
		max-width: 100%;
		height: 40px;
	}

	.h_top .mobile-nav-box .bg {
		transition: 0.6s;
		width: 100%;
		height: 100%;
		z-index: 10;
		top: 0;
		left: 0;
		position: absolute;
		background: rgba(0, 0, 0, 0.6);
	}

	.h_top .mobile-nav-box .mobile-menu-nav {
		z-index: 99999999;
		position: relative;
		overflow-y: scroll;
		height: 100%;
		background: #f8f8f8;
		width: 250px;
	}

	.h_top .mobile-nav-box .mobile-menu-nav ul li {
		border-bottom: 1px solid #e2e2e2;
	}

	.h_top .mobile-nav-box .mobile-menu-nav ul li .tit {
		position: relative;
		display: block;
		height: 56px;
		line-height: 56px;
		overflow: hidden;
		padding: 0 20px 0 40px;
		font-size: 16px;
		color: #282828;
		font-weight: normal;
		letter-spacing: 1px;
		cursor: pointer;
		transition: .6s;
	}

	.h_top .mobile-nav-box .mobile-menu-nav ul li .tit:before {
		content: "";
		position: absolute;
		top: 50%;
		left: 15px;
		width: 10px;
		height: 10px;
		margin-top: -5px;
		border: 1px solid #282828;
		border-radius: 50%;
		transition: .6s;
	}

	.h_top .mobile-nav-box .mobile-menu-nav ul li .tit a {
		transition: 0s;
		display: block;
	}

	.h_top .mobile-nav-box .mobile-menu-nav ul li .tit i {
		float: right;
		margin-top: 18px;
		font-size: 18px;
	}

	.h_top .mobile-nav-box .mobile-menu-nav ul li .tit.active,
	.h_top .mobile-nav-box .mobile-menu-nav ul li .tit.active i {
		color: #586894;
	}

	.h_top .mobile-nav-box .mobile-menu-nav ul li .tit.active:before {
		border-color: #586894;
		background: #586894;
	}

	.h_top .mobile-nav-box .mobile-menu-nav ul li .mobile-second-nav {
		display: none;
		margin-bottom: 0;
	}

	.h_top .mobile-nav-box .mobile-menu-nav ul li .mobile-second-nav dd {
		border-top: 1px solid #f2f2f2;
	}

	.h_top .mobile-nav-box .mobile-menu-nav ul li .mobile-second-nav dd a {
		display: block;
		height: 56px;
		line-height: 56px;
		overflow: hidden;
		padding: 0 10px 0 45px;
		font-size: 16px;
		color: #282828;
		letter-spacing: 1px;
		cursor: pointer;
	}

	.h_top .mobile-nav-box .mobile-menu-nav ul li .mobile-second-nav dd a:hover {
		color: #586894;
	}

	.h_top .mobile-nav-box-show {
		transform: perspective(450px) rotateY(0deg);
	}

	.h_top .mobile-nav-box .mobile-menu-nav form {
		margin-top: 15px;
		width: 100%;
		height: 32px;
		padding: 0 10px;
		position: relative;
	}

	.h_top .mobile-nav-box .mobile-menu-nav form input[type="text"] {
		display: block;
		width: 100%;
		height: 100%;
		line-height: 30px;
		font-size: 14px;
		color: #939393;
		padding-left: 13px;
		padding-right: 32px;
		border: 1px solid #cdcdcd;
		border-radius: 5px;
		background: transparent;
		outline: none;
	}

	.h_top .mobile-nav-box .mobile-menu-nav form input[type="text"]::-webkit-input-placeholder {
		color: #939393;
	}

	.h_top .mobile-nav-box .mobile-menu-nav form input[type="submit"] {
		position: absolute;
		right: 11px;
		top: 0;
		width: 30px;
		height: 100%;
		border: none;
		background: url("") center no-repeat;
		outline: none;
		cursor: pointer;
	}

	.h_top .mobile-nav-box .mobile-menu-nav p {
		padding: 5%;
		font-size: .5rem;
		color: #424242;
		font-weight: normal
	}
}

.ind_banner {
	position: relative;
	height: 934px;
}

.ind_banner:after {
	z-index: 2;
	position: absolute;
	bottom: 50px;
	left: 50%;
	transform: translateX(-50%);
	content: "";
	width: 29px;
	height: 65px;
	background: url() center no-repeat;
}

.ind_banner .swiper-container {
	width: 100%;
	height: 100%;
}

.ind_banner .swiper-wrapper {
	width: 100%;
	height: 100%;
}

.ind_banner .swiper-slide {
	width: 100%;
	height: 100%;
}

.ind_banner .swiper-slide a {
	width: 100%;
	height: 100%;
	display: block;
}

.ind_banner .swiper-slide a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ind_banner .swiper-pagination {
	position: absolute;
	bottom: 20px;
}

.ind_banner .swiper-pagination .swiper-pagination-bullet {
	transition: 0.6s;
	margin: 0 12px 0 0;
	opacity: 1;
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #fff;
}

.ind_banner .swiper-pagination .swiper-pagination-bullet:last-child {
	margin-right: 0;
}

.ind_banner .swiper-pagination .swiper-pagination-bullet-active {
	background: #586894;
}

@media only screen and (min-width: 0) and (max-width: 1680px) {
	.ind_banner {
		position: relative;
		height: 793px;
	}

	.ind_banner:after {
		display: none;
	}

	.ind_banner .swiper-pagination .swiper-pagination-bullet {
		margin: 0 5px 0 0;
	}

	.h_top .center {
		position: relative;
		width: 100%;
		height: 100%;
		padding-top: 10px;
		padding-bottom: 15px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
}

@media only screen and (min-width: 0) and (max-width: 1530px) {
	.ind_banner {
		position: relative;
		height: 722px;
	}

	.ind_banner:after {
		display: none;
	}

	.ind_banner .swiper-pagination .swiper-pagination-bullet {
		margin: 0 5px 0 0;
	}

	.h_top .center {
		position: relative;
		width: 100%;
		height: 100%;
		padding-top: 5px;
		padding-bottom: 15px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
}

@media only screen and (min-width: 0) and (max-width: 1380px) {
	.ind_banner {
		position: relative;
		height: 650px;
	}

	.ind_banner:after {
		display: none;
	}

	.ind_banner .swiper-pagination .swiper-pagination-bullet {
		margin: 0 5px 0 0;
	}

	.h_top .center {
		position: relative;
		width: 100%;
		height: 100%;
		padding-top: 0px;
		padding-bottom: 15px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
}

@media only screen and (min-width: 0) and (max-width: 1200px) {
	.ind_banner {
		position: relative;
		height: 566px;
	}

	.ind_banner:after {
		display: none;
	}

	.ind_banner .swiper-pagination .swiper-pagination-bullet {
		margin: 0 5px 0 0;
	}
}

@media only screen and (min-width: 0) and (max-width: 1023px) {
	.ind_banner {
		padding-top: 60px;
		height: auto;
	}

	.ind_banner:after {
		display: none;
	}

	.ind_banner .swiper-pagination .swiper-pagination-bullet {
		margin: 0 5px 0 0;
	}
}

@media only screen and (min-width: 0) and (max-width: 450px) {
	.ind_banner .swiper-pagination {
		bottom: 10px;
	}

	.h_top .center {
		position: relative;
		width: 100%;
		height: 100%;
		padding-top: 0px;
		padding-bottom: 0px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
}

.ind_main {
	overflow: hidden;
	background: #fff;
}

.ind_tit {
	text-align: center;
}

.ind_tit h4 {
	font-size: 52px;
	font-family: "MyACaslonPro";
	font-weight: normal;
	color: #586894;
	text-transform: uppercase;
}

.ind_tit p {
	font-size: 20px;
	color: #586894;
	letter-spacing: 2px;
}

@media only screen and (min-width: 0) and (max-width: 1023px) {
	.ind_tit h4 {
		font-size: .85rem;
	}

	.ind_tit p {
		font-size: .40rem;
	}
}

.ind1 {
	padding-top: 140px;
	padding-bottom: 170px;
}

.ind1 .w_tiet {
	width: 50%;
	float: left;
	text-align: left
}

.tiet_red {
	font-size: 35px;
	font-family: "MyACaslonPro";
	margin: 0px;
	color: #e6211b;
	font-weight: normal
}

.tiet_back {
	float: right;
	width: 70%;
	color: #818181;
	font-size: 22px;
	font-weight: normal;
	margin: 0px
}

.ind_cda {
	padding-top: 50px;
	font-size: 12px;
	font-family: "MyACaslonPro";
	display: flex;
}

.ind_cda ul {
	width: 100%
}

.ind_cda li {
	display: inline-table;
	width: auto;
	padding-left: 3%;
	padding-right: 3%;
	line-height: 200%
}

.ind_cda li a {
	color: #818181
}

.ind_cda li a:hover {
	color: #231815;
	border-bottom: #231815 1px solid;
	line-height: 200%
}

.ind_cda .inhov {
	color: #231815;
	border-bottom: #231815 1px solid;
	line-height: 200%
}

.work_any {
	margin-top: 15%;
	display: flex
}

.work_any .w_tiet {
	width: 50%;
	float: left;
	text-align: left
}

.tiet_red {
	font-size: 35px;
	font-family: "Arial";
	margin: 0px;
	color: #e6211b;
	font-weight: normal
}

.tiet_back {
	float: right;
	width: 70%;
	color: #818181;
	font-size: 22px;
	font-weight: normal;
	margin: 0px
}

.more_btn {
	font-size: .3rem;
	padding-top: 6%
}

.more_btn a {
	color: #333;
	border-bottom: #333 1px solid;
	display: inline
}

.more_btn a:hover {
	color: #e6211b;
	border-bottom: #333 0px solid;
	display: inline
}

.more_btn:hover:after {
	right: -30px;
}

@media only screen and (min-width: 0) and (max-width: 930px) {
	.ind1 {
		padding-top: 45px;
		padding-bottom: 45px;
	}

	.ind1 .w_tiet {
		width: 100%;
		text-align: left
	}

	.tiet_red {
		font-size: 30px;
		font-family: "MyACaslonPro";
		margin: 0px;
		color: #e6211b;
		font-weight: normal
	}

	.tiet_back {
		float: right;
		width: 83%;
		color: #818181;
		font-size: 20px;
		font-weight: normal;
		margin: 0px
	}

	.ind_cda {
		padding-top: 30px;
		font-size: 12px;
		font-family: "MyACaslonPro";
		display: flex;
		line-height: 200%
	}
}

@media only screen and (min-width: 0) and (max-width: 520px) {
	.ind1 {
		padding-top: 45px;
		padding-bottom: 45px;
	}

	.ind1 .w_tiet {
		width: 100%;
		text-align: left
	}

	.tiet_red {
		font-size: 25px;
		font-family: "MyACaslonPro";
		margin: 0px;
		color: #e6211b;
		font-weight: normal
	}

	.tiet_back {
		float: right;
		width: 60%;
		color: #818181;
		font-size: 18px;
		font-weight: normal;
		margin: 0px
	}

	.ind_cda {
		padding-top: 30px;
		font-size: 12px;
		font-family: "MyACaslonPro";
		display: flex;
		line-height: 200%
	}

	.work_any {
		margin-top: 25%;
		display: inline-table
	}

	.work_any .w_tiet {
		width: 100%;
		float: none;
		text-align: left;
		clear: both
	}

	.work_any .ind_cda {
		margin-top: 5%;
		line-height: 250%
	}
}


.ind2 {
	width: 100%;
	padding-top: 78px
}

.ind2 ul li {
	float: left;
	width: 33%;
}

.ind2 ul li a {
	position: relative;
	display: block;
	width: 100%;
	padding: 50% 0;
}

.ind2 ul li a img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ind2 ul li a h5 {
	transition: 0.6s;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	font-size: 18px;
	font-weight: normal;
	color: #fff;
	padding: 5%;
	display: flex;
}

.ind2 ul li a h5 p {
	left: 0;
	top: 78%;
	position: relative;
	background: url(../images/lin.gif) no-repeat;
	padding-top: 20px
}

.ind2 ul li a h5 span {
	font-size: 12px;
}

.ind2 ul li:last-child a h5 {
	opacity: 0;
}

.ind2 ul li:hover a h5 {
	opacity: 1;
	color: #fff;
	background: rgba(0, 0, 0, 0.5);
	text-align: left
}

.ind2 ul li:hover a h5 p {
	left: 0;
	top: 78%;
	position: relative;
	background: url(../images/lin.gif) no-repeat;
	padding-top: 20px
}

.ind2 ul li:hover a h5 span {
	font-size: 12px;
}

.mb5 {
	margin-bottom: 5%
}

@media only screen and (min-width: 0) and (max-width: 1023px) {
	.ind2 .ind_tit {
		width: 4.3946rem;
		padding-top: 3.2552rem;
		padding-bottom: 2.767rem;
	}

	.ind2 ul li a h5 {
		transition: 0.6s;
		opacity: 0;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		font-size: 18px;
		font-weight: normal;
		color: #fff;
		padding: 5%;
		display: flex;
	}

	.ind2 ul li a h5 p {
		left: 0;
		top: 78%;
		position: relative;
		background: url() no-repeat;
		padding-top: 20px
	}

	.ind2 ul li a h5 span {
		font-size: 12px;
	}

	.ind2 ul li:last-child a h5 {
		opacity: 0;
	}

	.ind2 ul li:hover a h5 {
		opacity: 1;
		color: #fff;
		background: rgba(0, 0, 0, 0.5);
		text-align: left
	}

	.ind2 ul li:hover a h5 p {
		left: 0;
		top: 78%;
		position: relative;
		background: url() no-repeat;
		padding-top: 20px
	}

	.ind2 ul li:hover a h5 span {
		font-size: 12px;
	}
}

@media only screen and (min-width: 0) and (max-width: 520px) {
	.ind2 {
		width: 100%;
		padding-top: 30px
	}

	.ind2 ul li {
		width: 50%;
	}

	.ind2 ul li a {
		position: relative;
		display: block;
		width: 100%;
		padding: 50% 0;
	}

	.ind2 ul li a img {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

.ind3 {
	padding-top: 5%;
	padding-bottom: 6.5%;
}

.ind3 .w_tiet {
	width: 100%
}

.ind3 .tiet_red {
	font-size: 36px;
	font-family: "MyACaslonPro";
	margin: 0px;
	color: #e6211b;
	font-weight: normal
}

.ind3 .tiet_back {
	float: right;
	width: 95%;
	color: #818181;
	font-size: 22px;
	font-weight: normal;
	margin: 0px
}

.ind3 .ind_tit {
	width: 411px;
	text-align: center;
	position: absolute;
	right: 0;
	top: 10px;
}

.ind3 .ind_tit h4 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.ind3 .conwind {
	margin-top: 8%;
	display: flex
}

.ind3 .for_lef {
	width: 60%;
	float: left;
	background: #fff
}

.ind3 .for_rig {
	width: 35%;
	background: #e6211b;
	color: #fff;
	margin-left: 5%
}

.ind3 .for_rig .ip_cont {
	padding: 5% 5%;
	text-align: center;
	line-height: 150%;
	font-size: .25rem
}

.ind3 .for_rig .ip_cont p {
	font-size: 50px;
	color: #fff;
	padding: 10% 0
}

.ind3 .for_rig .ip_cont h1 {
	padding-bottom: 3%;
	font-size: 32px
}

.con3 {
	padding-top: 0px;
	padding-bottom: 0%;
}

.con3 .w_tiet {
	width: 100%
}

.con3 .tiet_red {
	font-size: 35px;
	font-family: "MyACaslonPro";
	margin: 0px;
	color: #e6211b;
	font-weight: normal
}

.con3 .tiet_back {
	float: right;
	width: 95%;
	color: #818181;
	font-size: 22px;
	font-weight: normal;
	margin: 0px
}

.con3 .ind_tit {
	width: 411px;
	text-align: center;
	position: absolute;
	right: 0;
	top: 10px;
}

.con3 .ind_tit h4 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.con3 .conwind {
	margin-top: 50px;
	display: flex
}

.con3 .msg_form textarea {
	resize: none;
	height: 85px;
	line-height: 150%;
	padding: 0 10px;
}

.con3 .for_lef {
	width: 60%;
	float: left;
	background: #fff
}

.con3 .for_rig {
	width: 35%;
	background: #e6211b;
	color: #fff;
	margin-left: 5%
}

.con3 .for_rig .ip_cont {
	padding: 7% 7%;
	text-align: center;
	line-height: 150%;
	font-size: .25rem
}

.con3 .for_rig .ip_cont p {
	font-size: 50px;
	color: #fff;
	padding: 6% 0 10% 0
}

.con3 .for_rig .ip_cont h1 {
	padding-bottom: 3%;
	font-size: 32px
}

@media only screen and (min-width: 0) and (max-width: 520px) {
	.ind3 .tiet_red {
		font-size: 25px;
		font-family: "MyACaslonPro";
		margin: 0px;
		color: #e6211b;
		font-weight: normal
	}

	.ind3 .tiet_back {
		float: right;
		width: 90%;
		color: #818181;
		font-size: 18px;
		font-weight: normal;
		margin: 0px
	}

	.ind3 .conwind {
		margin-top: 5%;
		display: inline-table
	}

	.ind3 .for_lef {
		width: 100%;
		background: #fff;
		float: none
	}

	.ind3 .for_lef section span {
		font-size: .4rem
	}

	.ind3 .for_rig {
		width: 100%;
		background: #e6211b;
		color: #fff;
		margin-left: 0%;
		display: block;
		padding: 10%
	}

	.ind3 .for_rig .ip_cont {
		padding: 5% 10%;
		text-align: center;
		line-height: 180%;
		font-size: .35rem
	}

	.ind3 .for_rig .ip_cont p {
		font-size: 50px;
		color: #fff;
		padding: 5% 0 15% 0
	}

	.ind3 .for_rig .ip_cont h1 {
		padding-bottom: 5%;
		font-size: .7rem
	}

	.con3 .tiet_red {
		font-size: 25px;
		font-family: "MyACaslonPro";
		margin: 0px;
		color: #e6211b;
		font-weight: normal
	}

	.con3 .tiet_back {
		float: right;
		width: 90%;
		color: #818181;
		font-size: 18px;
		font-weight: normal;
		margin: 0px
	}

	.con3 .conwind {
		margin-top: 5%;
		display: inline-table
	}

	.con3 .for_lef {
		width: 100%;
		background: #fff;
		float: none
	}

	.con3 .for_lef section span {
		font-size: .4rem
	}

	.con3 .for_rig {
		width: 100%;
		background: #e6211b;
		color: #fff;
		margin-left: 0%;
		display: block;
		padding: 10%
	}

	.con3 .for_rig .ip_cont {
		padding: 5% 10%;
		text-align: center;
		line-height: 180%;
		font-size: .35rem
	}

	.con3 .for_rig .ip_cont p {
		font-size: 50px;
		color: #fff;
		padding: 5% 0 15% 0
	}

	.con3 .for_rig .ip_cont h1 {
		padding-bottom: 5%;
		font-size: .7rem
	}

}


@media only screen and (min-width: 0) and (max-width: 1023px) {
	.ind3 {
		padding-top: 1.709rem;
		padding-bottom: 1.1394rem;
	}

	.ind3 .ind_tit {
		margin-bottom: .3256rem;
	}

	.ind3 .center>a {
		margin-top: .6836rem;
	}
}

.ind4_top {
	padding-top: 65px;
	background: url(../images/s_about.jpg) center top no-repeat;
	background-size: cover;
}

.ind_out {
	float: right;
	width: 45%;
	padding: 5% 0
}

.ind4_top .tiet_red {
	font-size: 35px;
	font-family: "MyACaslonPro";
	margin: 0px;
	color: #150882;
	font-weight: normal
}

.ind4_top .tiet_back {
	float: right;
	width: 75%;
	color: #fff;
	font-size: 22px;
	font-weight: normal;
	margin: 0px
}

.in_bout {
	width: 50%;
	font-size: 13px;
	color: #fff;
	float: right;
	padding: 20% 0;
	line-height: 150%
}

.in_bout p {
	font-size: 18px;
	padding-bottom: 10%;
	line-height: 180%
}

.in_bout li {
	font-size: 12px;
	padding-bottom: 10%
}

.ind4_top .more_btn {
	font-size: .3rem;
	padding-top: 2%
}

.ind4_top .more_btn a {
	color: #fff;
	border-bottom: #fff 1px solid
}

.ind4_top .more_btn a:hover {
	color: #150882;
	border-bottom: none
}

@media only screen and (min-width: 0) and (max-width: 1000px) {
	.ind4_top .tiet_red {
		font-size: 35px;
		font-family: "MyACaslonPro";
		margin: 0px;
		color: #150882;
		font-weight: normal
	}

	.ind4_top .tiet_back {
		float: right;
		width: 88%;
		color: #fff;
		font-size: 22px;
		font-weight: normal;
		margin: 0px
	}

	.ind4_top {
		padding-top: 5%;
		background: url(../images/ind4_top_bg.jpg) right top no-repeat;
		background-size: cover;
	}

	.ind_out {
		width: 100%;
		padding: 5% 0
	}

	.in_bout {
		width: 90%;
		color: #fff;
		float: right;
		padding: 10% 0;
		line-height: 200%
	}

	.in_bout p {
		font-size: .35rem;
		padding-bottom: 3%
	}

	.in_bout li {
		font-size: .25rem;
		padding-bottom: 3%
	}
}

@media only screen and (min-width: 0) and (max-width: 520px) {
	.ind4_top .tiet_red {
		font-size: 25px;
		font-family: "MyACaslonPro";
		margin: 0px;
		color: #150882;
		font-weight: normal
	}

	.ind4_top .tiet_back {
		float: right;
		width: 70%;
		color: #fff;
		font-size: 18px;
		font-weight: normal;
		margin: 0px
	}

	.ind4_top {
		padding-top: 5%;
		background: url(../images/ind4_top_bg.jpg) right top no-repeat;
		background-size: cover;
	}

	.ind_out {
		width: 100%;
		padding: 5% 0
	}

	.in_bout {
		width: 100%;
		color: #fff;
		float: none;
		padding: 10% 10%;
		line-height: 150%
	}

	.in_bout p {
		font-size: .4rem;
		padding-bottom: 3%
	}

	.in_bout li {
		font-size: .2rem;
		padding-bottom: 3%
	}
}

.ind5 {
	width: 100%;
	padding-top: 78px
}

.ind5_top {
	padding-top: 75px;
	background: #f0f0f0 url(../images/in5_bould.jpg) center bottom no-repeat;
	background-size: cover;
}

.mix_higt {
	height: 750px
}

.ind5 .tiet_red {
	font-size: 26px;
	font-family: "MyACaslonPro";
	margin: 0px;
	color: #e6211b;
	font-weight: normal
}

.ind5 .tiet_back {
	float: right;
	width: 90%;
	color: #818181;
	font-size: 22px;
	font-weight: normal;
	margin: 0px
}

.ind5 .inang {
	padding-top: 70px;
	width: 100%
}

.ind5 .inang ul {
	width: 100%
}

.ind5 .inang li {
	width: 50%;
	float: left;
	margin: 0px;
	padding: 0px;
}

.ind5 .inang ul li a {
	position: relative;
	display: block;
	width: 100%;
	padding: 33.8% 0;
}

.ind5 .inang li img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media only screen and (min-width: 0) and (max-width: 1150px) {
	.mix_higt {
		height: 650px
	}

}

@media only screen and (min-width: 0) and (max-width: 800px) {
	.ind5 {
		width: 100%;
		padding-top: 40px
	}

	.ind5_top {
		padding-top: 40px;
		background: #f0f0f0 url(../images/in5_bould.jpg) center bottom no-repeat;
		background-size: cover;
	}

	.ind5 .inang {
		padding-top: 40px;
		width: 100%
	}

	.mix_higt {
		height: 450px
	}
}

@media only screen and (min-width: 0) and (max-width: 650px) {
	.ind5 {
		width: 100%;
		padding-top: 40px
	}

	.ind5_top {
		padding-top: 40px;
		background: #f0f0f0 url(../images/in5_bould.jpg) center bottom no-repeat;
		background-size: cover;
	}

	.ind5 .inang {
		padding-top: 40px;
		width: 100%
	}

	.mix_higt {
		height: 400px
	}
}

@media only screen and (min-width: 0) and (max-width: 510px) {
	.ind5 {
		width: 100%;
		padding-top: 40px
	}

	.ind5_top {
		padding-top: 40px;
		background: #f0f0f0 url(../images/in5_bould.jpg) center bottom no-repeat;
		background-size: cover;
	}

	.ind5 .inang {
		padding-top: 40px;
		width: 100%
	}

	.mix_higt {
		height: 350px
	}
}


footer {
	overflow: hidden;
	padding: 23px 0;
	background: #111;
}

.f_bot {
	display: flex;
	padding-bottom: 10%
}

.f_bot .fot_lef {
	width: 35%;
	color: #818181;
	margin-right: 15%
}

.f_bot .fot_lef p {
	height: 50px;
	margin: 3% 0
}

.f_bot .fot_lef p img {
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;
}

.f_bot .fot_lef li {
	font-size: .25rem;
	line-height: 150%;
	padding: 1% 0
}

.f_bot .fot_rig {
	width: 20%;
	margin: 3% 0 0 5%;
	color: #818181
}

.f_bot .f_font {
	font-size: .25rem;
	line-height: 150%
}

.f_bot .f_font p {
	color: #fff;
	font-size: .32rem;
	padding-bottom: 8%
}

/*.f_bot p{font-size: 14px; color: #fff; display: flex; align-items: center; justify-content: space-between;}
.f_bot p a:hover{color: rgba(248,248,248,0.42);}
@media only screen and (min-width: 0) and (max-width: 1023px){
  footer{padding: .3744rem 0;}
  .f_bot p{font-size: .30rem; display: block; text-align: center;}
  .f_bot p>span,.f_bot p>span>i{display: block; margin-top: .2rem;}}

.fixed{display: none;}
@media only screen and (min-width: 0) and (max-width: 1023px){
  footer{margin-bottom: 1.49rem;}
  .fixed{position: fixed; width: 100%; bottom: 0px; left: 0px; z-index: 55; display: flex; justify-content: center; align-items: center; background: #586894;}
  .fixed li{float: left; width: 25%; height: 1.5rem; line-height: 1.5rem; text-align: center; letter-spacing: 1px; position: relative;}
  .fixed li a{width: 100%; height: 100%; display: flex; justify-content: space-around; flex-direction: column; align-items: center;}
  .fixed li a span{font-size: .30rem; color: #fff; line-height: 100%;}
  .fixed li img{width: .75rem; height: .75rem; object-fit: contain}}*/
@media only screen and (min-width: 0) and (max-width: 520px) {
	.f_bot {
		display: block;
		padding-bottom: 10%
	}

	.f_bot .fot_lef {
		width: 100%;
		color: #818181;
		margin-right: 0%;
		padding: 0 5%
	}

	.f_bot .fot_lef p {
		height: 50px;
		margin: 3% 0;
		text-align: left
	}

	.f_bot .fot_lef p img {
		width: auto;
		height: auto;
		max-height: 100%;
		max-width: 100%;
	}

	.f_bot .fot_lef li {
		font-size: .3rem;
		line-height: 180%;
		padding: 1% 0
	}

	.f_bot .fot_rig {
		width: 20%;
		margin: 3% 0 0 5%;
		color: #818181;
		display: none
	}


}

.page_main {
	background: #fff;
}

.page_img {
	position: relative;
	width: 100%;
	padding-top: 100px
}

.page_img a {
	display: block;
	width: 100%;
	height: 580px;
	cursor: default;
}

.page_img a img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media only screen and (min-width: 0) and (max-width: 1023px) {
	.page_img {
		padding-top: 60px;
	}

	.page_img a {
		height: auto;
		position: relative;
		padding: 18% 0;
	}

	.page_img a img {
		position: absolute;
		left: 0;
		top: 0;
	}
}

header>div.center:nth-last-of-type(1) {
	position: relative;
}

.page_pos {
	z-index: 4;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0 15px;
	width: 100%;
	height: 48px;
	line-height: 48px;
	background: rgba(47, 47, 47, 0.6);
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.page_pos .left {
	font-size: 14px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.page_pos .left a:hover {
	color: rgba(248, 248, 248, 0.42);
}

.page_pos>form {
	width: 174px;
	height: 32px;
	position: relative;
}

.page_pos>form input[type="text"] {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 30px;
	font-size: 14px;
	color: #fff;
	padding-left: 20px;
	padding-right: 35px;
	border: 1px solid #fff;
	border-radius: 20px;
	background: transparent;
	outline: none;
}

.page_pos>form input[type="text"]::-webkit-input-placeholder {
	color: #fff;
}

.page_pos>form input[type="submit"] {
	position: absolute;
	right: 10px;
	top: 0;
	width: 20px;
	height: 100%;
	border: none;
	background: url("") center no-repeat;
	background-size: contain;
	outline: none;
	cursor: pointer;
}

@media only screen and (min-width: 0) and (max-width: 1023px) {
	.page_pos {
		padding: 0 .27rem;
		height: auto;
		line-height: 300%;
	}

	.page_pos .left {
		font-size: .30rem;
	}

	.page_pos>form {
		display: none;
	}
}

@media only screen and (min-width: 0) and (max-width: 550px) {
	.page_pos {
		line-height: 250%;
	}
}

.page_tit {
	width: 215px;
	float: left;
	margin-top: 15%
}

.page_tit h4 {
	font-size: 35px;
	color: #de211b;
	text-align: left;
	font-family: "MyACaslonPro";
	font-weight: normal
}

.page_tit p {
	font-size: 22px;
	font-family: "MyACaslonPro";
	color: #818181;
	text-transform: uppercase;
	text-align: right
}

.page_nav {
	padding-top: 38px;
	padding-bottom: 25px;
	background: #fff;
}

.page_nav ul {
	z-index: 2;
	margin-bottom: 25px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.page_nav ul:after {
	z-index: -1;
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	width: 100%;
	height: 1px;
	background: #dcdcdc;
}

.page_nav ul li {
	position: relative;
	padding: 0 18px;
}

.page_nav ul li:after {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	content: "";
	width: 1px;
	height: 60%;
	background: #dcdcdc;
}

.page_nav ul li:last-child:after {
	display: none;
}

.page_nav ul li a {
	display: block;
	font-size: 14px;
	color: #4e4e4e;
	padding: 6px 4px;
	border-bottom: 2px solid transparent;
}

.page_nav ul li a:hover,
.page_nav li.active a {
	border-color: #566892;
}

.page_nav dl {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.page_nav dl dd a {
	display: inline-block;
	margin: 2px 18px;
	font-size: 14px;
	color: #4e4e4e;
	padding: 2px 11px;
	border: 1px solid #a6a6a6;
}

.page_nav dl dd a:hover,
.page_nav dl dd.active a {
	color: #fff;
	border-color: #46609c;
	background: #46609c;
}

@media only screen and (min-width: 0) and (max-width: 1023px) {
	.page_tit {
		width: 215px;
		float: left;
		margin-top: 15%
	}

	.page_tit h4 {
		font-size: 35px;
		color: #de211b;
		text-align: left;
		font-family: "MyACaslonPro";
		font-weight: normal
	}

	.page_tit p {
		font-size: 22px;
		font-family: "MyACaslonPro";
		color: #818181;
		text-transform: uppercase;
		text-align: right
	}

	.page_nav {
		padding-top: .6185rem;
		padding-bottom: .407rem;
	}

	.page_nav ul {
		margin-bottom: .407rem;
	}

	.page_nav ul li {
		padding: 0 .30rem;
	}

	.page_nav ul li a {
		font-size: .30rem;
		padding: .15rem .1rem;
	}

	.page_nav dl dd a {
		margin: 2px .20rem;
		font-size: .30rem;
		line-height: 180%;
		padding: 0 .20rem;
	}
}

.about_word {
	padding-bottom: 54px;
	text-align: left;
}

.us_font {
	float: right;
	width: 60%;
	color: #717171;
	margin-top: 15%
}

.us_font .us_nay {
	line-height: 150%
}

.us_font .us_nay p {
	font-size: .35rem;
	line-height: 200%
}

.us_font .us_nay li {
	padding-top: 3%;
	font-size: .25rem
}

.us_font .us_fu {
	width: 50%;
	font-size: .22rem;
	line-height: 180%;
	padding-bottom: 19%
}

.us_font .us_fu p {
	font-size: .35rem;
	padding: 15% 0 5% 0
}

.us_font .us_fu li {
	padding-bottom: 3%
}

.us_nayfont {
	float: right;
	width: 60%;
	padding-bottom: 5%;
	padding-top: 3%
}

.us_nayfont .uswein {
	font-size: .22rem;
	line-height: 180%;
	color: #717171;
	padding-bottom: 5%
}

.us_nayfont .uswein ul {
	margin-top: 5%
}

.us_nayfont .uswein li {
	padding-bottom: 1%
}

.us_nayfont .uswein h1 {
	font-size: .35rem;
	text-align: left;
	color: #595757;
	font-weight: normal;
	padding-bottom: 6%
}

.us_nayfont .uswein h2 {
	font-size: .35rem;
	text-align: left;
	color: #595757;
	font-weight: normal;
	margin-bottom: 1.5%
}

.us_nayfont .shux {
	width: 30%;
	float: left;
	padding-bottom: 2%
}

.about_img {
	width: 100%;
	height: 691px;
	margin-bottom: 4px;
}

.about_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media only screen and (min-width: 0) and (max-width: 1023px) {
	.us_font {
		float: right;
		width: 60%;
		color: #717171;
		margin-top: 5%
	}

	.about_word {
		padding-top: 1.7579rem;
		padding-bottom: .879rem;
	}

	.about_word img {
		margin-bottom: .7814rem;
		height: 1.5788rem;
	}

	.about_word p {
		max-width: 100%;
		margin: 0 auto;
		font-size: .35rem;
	}

	.about_img {
		height: auto;
	}
}

@media only screen and (min-width: 0) and (max-width: 580px) {
	.page_tit {
		width: 100%;
		float: none;
		margin-top: 16%
	}

	.page_tit h4 {
		font-size: 25px;
		color: #de211b;
		text-align: left;
		font-family: "MyACaslonPro";
		font-weight: normal
	}

	.page_tit p {
		font-size: 18px;
		font-family: "MyACaslonPro";
		color: #818181;
		text-transform: uppercase;
		text-align: right;
		width: 30%
	}

	.us_font {
		float: none;
		width: 100%;
		color: #717171;
		margin-top: 0%
	}

	.about_word {
		padding-top: 5%;
		padding-bottom: 5%;
	}

	.us_font .us_fu {
		width: 50%;
		font-size: .22rem;
		line-height: 180%;
		padding-bottom: 5%
	}

	.us_nayfont {
		float: none;
		width: 100%;
		padding-bottom: 6%;
		padding-top: 3%
	}
}

@media only screen and (min-width: 0) and (max-width: 580px) {
	.page_tit {
		width: 100%;
		float: none;
		margin-top: 26%
	}

	.page_tit h4 {
		font-size: 20px;
		color: #de211b;
		text-align: left;
		font-family: "MyACaslonPro";
		font-weight: normal
	}

	.page_tit p {
		font-size: 13px;
		font-family: "MyACaslonPro";
		color: #818181;
		text-transform: uppercase;
		text-align: right;
		width: 30%
	}
}

.pub_box {
	position: relative;
	padding-top: 28px;
	padding-bottom: 30px;
	background: #fff;
}

.pub_box:before {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	width: 100%;
	height: 28px;
	background: #f8f8f8;
}

.pub_box:after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	width: 100%;
	height: 30px;
	background: #f8f8f8;
}

@media only screen and (min-width: 0) and (max-width: 1023px) {
	.pub_box {
		padding-top: .4558rem;
		padding-bottom: .4883rem;
	}

	.pub_box:before {
		height: .4558rem;
	}

	.pub_box:after {
		height: .4883rem;
	}
}

.honor li {
	float: left;
}

.honor li a {
	display: block;
	width: 100%;
}

.honor li a div {
	overflow: hidden;
	position: relative;
	width: 100%;
	padding: 54.436% 0;
	background: #f8f8f8;
}

.honor li a div img {
	transition: 0.6s;
	border: 1px solid #dcdcdc;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.honor li a p {
	transition: 0.6s;
	font-size: 16px;
	color: #4e4e4e;
	line-height: 330%;
	margin-top: 5px;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.honor li:hover a div img {
	border-color: #586894;
}

.honor li:hover a p {
	color: #586894;
}

@media only screen and (min-width: 1024px) {
	.honor li {
		width: 31%;
		margin-top: 2%;
		margin-right: 1.75%;
	}

	.honor li:nth-of-type(3n-2) {
		margin-left: 1.75%;
	}
}

@media only screen and (min-width: 0) and (max-width: 1023px) {
	.honor li a p {
		font-size: .35rem;
		line-height: 300%;
		margin-top: 0;
	}
}

@media only screen and (min-width: 0) and (max-width: 768px) {
	.honor li {
		width: 46%;
		margin-top: 2%;
		margin-right: 2%;
	}

	.honor li:nth-of-type(2n-1) {
		margin-left: 2%;
	}
}

@media only screen and (min-width: 769px) and (max-width: 1023px) {
	.honor li {
		width: 31%;
		margin-top: 2%;
		margin-right: 1.75%;
	}

	.honor li:nth-of-type(3n-2) {
		margin-left: 1.75%;
	}
}

.pro {
	padding-top: 20px;
}

.pro li {
	float: left;
}

.pro li a {
	display: block;
	width: 100%;
}

.pro li a .pro_img {
	overflow: hidden;
	position: relative;
	width: 100%;
	padding: 49.596% 0;
	border: 1px solid #f8f8f8;
}

.pro li a .pro_img img {
	transition: 0.6s;
	transform: scale(0.9541);
	/*padding: 21px 0;*/
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pro li a .pro_img:after {
	position: absolute;
	left: -400px;
	top: 0;
	content: "";
	width: 200px;
	height: 100%;
	overflow: hidden;
	background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
	transform: skewx(-25deg);
	transition: 0s;
}

.pro li a .pro_img:hover:after {
	left: 400px;
	width: 200px;
	transition: 0.6s;
}

.pro li a .pro_word {
	padding-top: 12px;
	padding-bottom: 19px;
	text-align: center;
	background: #f8f8f8;
}

.pro li a .pro_word h5 {
	font-size: 16px;
	font-weight: normal;
	color: #4e4e4e;
	line-height: 300%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.pro li a .pro_word span {
	transition: 0.6s;
	display: inline-block;
	padding: 2px 18px;
	font-size: 14px;
	color: #9a9a9a;
	border: 1px solid #bfbfbf;
}

.pro li:hover a .pro_img img {
	transform: scale(0.9999);
	/*padding: 0;*/
}

.pro li:hover a .pro_word span {
	color: #fff;
	border-color: #46609c;
	background: #46609c;
}

@media only screen and (min-width: 1024px) {
	.pro li {
		width: 31%;
		margin-top: 2.75%;
		margin-right: 1.75%;
	}

	.pro li:nth-of-type(-n+3) {
		margin-top: 0;
	}

	.pro li:nth-of-type(3n-2) {
		margin-left: 1.75%;
	}
}

@media only screen and (min-width: 0) and (max-width: 1023px) {
	.pro {
		padding-top: .3256rem;
	}

	.pro li a .pro_word {
		padding-top: 0;
		padding-bottom: 0;
	}

	.pro li a .pro_word h5 {
		font-size: .35rem;
		line-height: 300%;
	}

	.pro li a .pro_word span {
		display: none;
	}
}

@media only screen and (min-width: 0) and (max-width: 768px) {
	.pro li {
		width: 46%;
		margin-top: 2.75%;
		margin-right: 2%;
	}

	.pro li:nth-of-type(-n+2) {
		margin-top: 0;
	}

	.pro li:nth-of-type(2n-2) {
		margin-left: 2%;
	}
}

@media only screen and (min-width: 769px) and (max-width: 1023px) {
	.pro li {
		width: 31%;
		margin-top: 2.75%;
		margin-right: 1.75%;
	}

	.pro li:nth-of-type(-n+3) {
		margin-top: 0;
	}

	.pro li:nth-of-type(3n-2) {
		margin-left: 1.75%;
	}
}

.pro_view1 {
	margin-top: 11%;
}

.pro_view1_box {
	background: #fff;
	display: flex;
}

/*.pro_view1_box section .pro_view1_left{order: -1;}
.pro_view1_box section:nth-of-type(1) .pro_view1_left{padding: 0; border: none; display: inline-block; width: 50%;}
.pro_view1_box section:nth-of-type(1) .pro_view1_right{display: inline-block; position: relative; width: 50%; padding-left:10px }
.pro_view1_box section .pro_view1_right{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
*/
.pro_view1_left {
	width: 50%;
	height: 327px;
	display: inline-table;
	text-align: left
}

.pro_view1_left img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.pro_view1_right {
	width: 50%;
	padding-left: 10%;
}

.pro_view1_right h5 {
	font-size: .4rem;
	color: #000;
	line-height: 150%;
}

.pro_view1_right p {
	padding: 10% 0 5% 0;
	font-size: .3rem;
	color: #000;
	line-height: 200%
}

.pro_view1_right p span {
	padding-left: 10px
}

.pro_view1_right .pro_view1_word {}

.pro_view1_right .pro_view1_word li {
	font-size: .22rem;
	color: #717171;
	line-height: 180%;
}

.pro_view1_right .pro_view1_middle {
	padding-top: 22px;
	padding-bottom: 16px;
	border-top: 1px solid #b5b5b5;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.pro_view1_right .pro_view1_middle li {
	text-align: center;
}

.pro_view1_right .pro_view1_middle li div {
	height: 98px;
}

.pro_view1_right .pro_view1_middle li div img {
	height: 100%;
	object-fit: contain;
}

.pro_view1_right .pro_view1_middle li p {
	font-size: 14px;
	color: #8c8c8c;
	line-height: 200%;
}

.pro_view1_right .pro_view1_bottom {
	margin-top: 10%;
	width: 100%
}

.pro_view1_right .pro_view1_bottom p {
	width: 50%;
	padding: 2%;
	background: #e6211b;
	display: block;
	color: #fff;
	text-align: center;
	cursor: pointer;
}

.pack_miao {
	width: 54%;
	display: inline-table;
	float: left;
	padding: 0 1.1667%
}

.pack_miao h5 {
	font-size: 100px;
	color: #000;
	font-weight: normal
}

.pack_miao h5 span {
	padding-left: 2%;
	font-size: 50px;
	font-weight: normal
}

.pack_miao .chansu {
	font-size: 18px;
	color: #717071;
	padding-top: 20px;
	line-height: 30px
}

.pack_miao_rg {
	width: 30%;
	margin-left: 15%;
	float: left
}

.pack_miao_rg .pro_view1_bottom {
	margin-top: 150px;
	width: 100%
}

.pack_miao_rg .pro_view1_bottom p {
	width: 85%;
	padding: 3%;
	background: #e6211b;
	display: block;
	color: #fff;
	text-align: center;
	cursor: pointer;
}

@media only screen and (min-width: 0) and (max-width: 1100px) {
	.pack_miao {
		width: 100%;
		display: inline-table;
		float: left
	}

	.pack_miao h5 {
		font-size: 80px;
		color: #000;
		font-weight: normal
	}

	.pack_miao h5 span {
		padding-left: 2%;
		font-size: 40px;
		font-weight: normal
	}

}

@media only screen and (min-width: 0) and (max-width: 1023px) {
	.pro_view1_box {
		padding-top: 0;
		padding-bottom: 0;
		display: block;
		padding: .27rem;
	}

	.pro_view1_left {
		width: 100%;
		position: relative;
		padding: 100px;
		height: 100%;
		text-align: left;
		display: none
	}

	.pro_view1_left img {
		position: absolute;
		left: 0;
		top: 0;
	}

	.pro_view1_right {
		width: 100%;
		padding: .27rem;
		margin-top: 20%
	}

	.pro_view1_right h5 {
		font-size: .35rem;
	}

	.pro_view1_right p {
		padding: 5% 0 3% 0;
		font-size: .3rem;
		color: #000;
		line-height: 200%
	}

	.pro_view1_right .pro_view1_word {
		padding: 0;
	}

	.pro_view1_right .pro_view1_word li {
		padding: 2px 0;
		font-size: .30rem;
	}

	.pro_view1_right .pro_view1_middle {
		padding-top: .3581rem;
		padding-bottom: .2605rem;
	}

	.pro_view1_right .pro_view1_middle li div {
		min-height: 60px;
		height: 1.5951rem;
	}

	.pro_view1_right .pro_view1_middle li p {
		font-size: .30rem;
	}

	.pro_view1_right .pro_view1_bottom {
		margin-top: 5%;
		width: 100%
	}

	.pro_view1_right .pro_view1_bottom p {
		font-size: .30rem;
	}

	.pro_view1_right .pro_view1_bottom .pro_view1_pic li {
		position: relative;
		height: auto;
		padding: 8.1134% 0;
	}

	.pro_view1_right .pro_view1_bottom .pro_view1_pic li img {
		position: absolute;
		left: 0;
		top: 0;
	}

	.pack_miao {
		width: 100%;
		display: inline-table;
		float: left
	}

	.pack_miao h5 {
		font-size: 60px;
		color: #000;
		font-weight: normal
	}

	.pack_miao h5 span {
		padding-left: 2%;
		font-size: 30px;
		font-weight: normal
	}

	.pack_miao_rg {
		width: 100%;
		margin-left: 0%;
		float: left
	}

	.pack_miao_rg .pro_view1_bottom {
		margin: 5% 0;
		width: 100%
	}

	.pack_miao_rg .pro_view1_bottom p {
		width: 60%;
		padding: 3%;
		background: #e6211b;
		display: block;
		color: #fff;
		text-align: center;
		cursor: pointer;
	}
}


.pro_view2 {
	margin-top: 30px;
	align-items: flex-start;
	justify-content: space-between;
}

.pack_view2 {
	margin-top: 0px;
	align-items: flex-start;
	justify-content: space-between;
}

.pro_view2_left {
	width: 100%;
	padding: 8px 1.1667% 64px 1.1667%;
	background: #fff;
}

.pro_view2_left h5 {
	font-size: 16px;
	color: #4e4e4e;
	line-height: 300%;
}

.pro_view2_left .pro_view2_con {
	padding-top: 34px;
}

.pro_view2_left .pro_view2_con p {
	padding: 3% 0
}

.pro_view2_left .pro_view2_con img {
	max-width: 100%;
}

.pro_view2_right {
	width: 30.1667%;
	background: #fff;
}

.pro_view2_right .pro_view2_img {
	width: 100%;
}

.pro_view2_right .pro_view2_img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.pro_view2_right .pro_view2_swiper {
	padding: 11px 3.8675%;
}

.pro_view2_right .pro_view2_swiper h5 {
	margin-bottom: 8px;
	font-size: 14px;
	color: #626f94;
	padding: 18px 0;
	border-bottom: 1px solid #b5b5b5;
}

.pro_view2_right .pro_view2_swiper .swiper-container {
	width: 100%;
	height: 100%;
}

.pro_view2_right .pro_view2_swiper .swiper-wrapper {
	width: 100%;
	height: 100%;
}

.pro_view2_right .pro_view2_swiper .swiper-slide {
	width: 100%;
	height: 100%;
}

.pro_view2_right .pro_view2_swiper .swiper-slide a {
	display: block;
	width: 100%;
	height: 100%;
}

.pro_view2_right .pro_view2_swiper .swiper-slide a p {
	transition: 0.6s;
	font-size: 14px;
	color: #383838;
	line-height: 300%;
}

.pro_view2_right .pro_view2_swiper .swiper-slide a div {
	overflow: hidden;
	position: relative;
	width: 100%;
	padding: 29.3414% 0;
}

.pro_view2_right .pro_view2_swiper .swiper-slide a div img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pro_view2_right .pro_view2_swiper .swiper-pagination {
	padding: 22px 0 11px 0;
	text-align: left;
}

.pro_view2_right .pro_view2_swiper .swiper-pagination .swiper-pagination-bullet {
	transition: 0.6s;
	margin: 0 7px 0 0;
	opacity: 1;
	display: inline-block;
	width: 8px;
	height: 8px;
	background: #bfbfbf;
}

.pro_view2_right .pro_view2_swiper .swiper-pagination .swiper-pagination-bullet:last-child {
	margin-right: 0;
}

.pro_view2_right .pro_view2_swiper .swiper-pagination .swiper-pagination-bullet-active {
	background: #46609c;
}

.pro_view2_right .pro_view2_swiper .swiper-slide a:hover p {
	color: #46609c;
}

@media only screen and (min-width: 0) and (max-width: 1023px) {
	.pro_view2 {
		margin-top: .50rem;
		display: block;
	}

	.pro_view2_left {
		width: 100%;
		padding: .15rem .27rem 1rem .27rem;
	}

	.pro_view2_left h5 {
		font-size: .35rem;
	}

	.pro_view2_left .pro_view2_con {
		padding-top: .5534rem;
	}

	.pro_view2_right {
		display: none;
	}
}

.pro_view3 {
	padding-top: 3.3%;
	padding-bottom: 5.5%;
	display: flex
}

.pro_view3 li {
	font-size: 14px;
	padding: 0 1.1667%;
	width: 10%
}

.pro_view3 li a {
	color: #818181;
	line-height: 200%;
	border-bottom: #818181 1px solid
}

.pro_view3 li a:hover {
	color: #e6211b;
	border-bottom: none
}

.pro_view3 .pro_red {
	color: #e6211b;
	border-bottom: #e6211b 1px solid
}

@media only screen and (min-width: 0) and (max-width: 1023px) {
	.pro_view3 {
		padding-top: .2442rem;
		padding-bottom: .8301rem;
	}

	.pro_view3 li {
		font-size: .30rem;
		padding: 0 .27rem;
	}
}

@media only screen and (min-width: 0) and (max-width: 1023px) {
	.pro_view3 {
		padding-top: 15px;
		padding-bottom: 51px;
		display: flex
	}

	.pro_view3 li {
		font-size: 12px;
		padding: 0 1.1667%;
		width: 25%
	}

	.pro_view3 li a {
		color: #818181;
		line-height: 200%;
		border-bottom: #818181 1px solid
	}

	.pro_view3 li a:hover {
		color: #e6211b;
		border-bottom: none
	}
}

.news_box {
	margin-top: 75px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.news {
	width: 66.6667%;
}

.news li:nth-of-type(1) {
	margin-bottom: 10px;
}

.news li a {
	display: block;
}

.news li:nth-of-type(1) a {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}

.news li a .news_word {
	order: -1;
	padding: 26px 0;
	border-bottom: 1px dotted #566892;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.news li:nth-of-type(1) a .news_word {
	padding: 0;
	border: none;
	display: inline-block;
	width: 53.125%;
}

.news li a .news_word .type1 {
	display: none;
}

.news li:nth-of-type(1) a .news_word .type1 {
	display: block;
}

.news li a .news_word .type1 span {
	margin-right: 20px;
	font-size: 30px;
	color: #626f94;
	text-transform: uppercase;
}

.news li a .news_word .type1 span:last-child {
	margin-right: 0;
}

.news li a .news_word .type2 {
	text-align: center;
}

.news li:nth-of-type(1) a .news_word .type2 {
	display: none;
}

.news li a .news_word .type2 em {
	display: block;
	font-size: 30px;
	color: #626f94;
}

.news li a .news_word .type2 span {
	display: block;
	font-size: 16px;
	color: #626f94;
	line-height: 180%;
}

.news li a .news_word figure {
	width: 86.875%;
}

.news li:nth-of-type(1) a .news_word figure {
	width: 100%;
	margin-top: 18px;
}

.news li a .news_word figure h5 {
	transition: 0.6s;
	font-size: 16px;
	color: #383838;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.news li:nth-of-type(1) a .news_word figure h5 {
	font-size: 18px;
	color: #383838;
}

.news li a .news_word figure p {
	margin-top: 18px;
	font-size: 14px;
	color: #7d7d7d;
	line-height: 200%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.news li:nth-of-type(1) a .news_word figure p {
	-webkit-line-clamp: 4;
}

.news li a .news_word>span {
	display: none;
}

.news li:nth-of-type(1) a .news_word>span {
	transition: 0.6s;
	margin-top: 25px;
	display: block;
	width: 100%;
	padding: 7.06% 0;
	background: url() #626f94 center no-repeat;
	background-size: contain;
}

.news li a .news_img {
	display: none;
}

.news li:nth-of-type(1) a .news_img {
	display: inline-block;
	position: relative;
	width: 41%;
	padding: 18% 0;
}

.news li a .news_img img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.news li:nth-of-type(1):hover a .news_word>span {
	background-color: #4a5982;
}

.news li:hover a .news_word figure h5 {
	color: #626f94;
}

@media only screen and (min-width: 0) and (max-width: 1023px) {
	.news_box {
		margin-top: 1.2207rem;
		display: block;
	}

	.news {
		width: 100%;
	}

	.news li:nth-of-type(1) {
		margin-bottom: .20rem;
	}

	.news li a .news_word {
		padding: .4232rem 0;
	}

	.news li a .news_word .type1 span {
		margin-right: .3256rem;
		font-size: .50rem;
	}

	.news li a .news_word .type2 em {
		font-size: .50rem;
	}

	.news li a .news_word .type2 span {
		font-size: .35rem;
	}

	.news li:nth-of-type(1) a .news_word figure {
		margin-top: .30rem;
	}

	.news li a .news_word figure h5 {
		font-size: .35rem;
	}

	.news li:nth-of-type(1) a .news_word figure h5 {
		font-size: .38rem;
	}

	.news li a .news_word figure p {
		margin-top: .30rem;
		font-size: .30rem;
	}

	.news li:nth-of-type(1) a .news_word>span {
		margin-top: .407rem;
		padding: 5.5% 0;
	}
}

@media only screen and (min-width: 0) and (max-width: 550px) {
	.news li:nth-of-type(1) a {
		display: block;
	}

	.news li:nth-of-type(1) a .news_word {
		width: 100%;
		margin-top: .30rem
	}

	.news li:nth-of-type(1) a .news_word>span {
		padding: 4% 0;
	}

	.news li:nth-of-type(1) a .news_img {
		width: 100%;
		padding: 42.93% 0;
	}
}

.pub_news {
	width: 30.1667%;
	background: #fff;
}

.pub_news_img {
	width: 100%;
}

.pub_news_img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.pub_news_con {
	padding: 11px 3.8675% 26px 3.8675%;
}

.pub_news_con h5 {
	font-size: 14px;
	color: #626f94;
	padding: 18px 0;
	border-bottom: 1px solid #b5b5b5;
}

.pub_news_con ul li a {
	display: block;
	padding: 13px 0;
	border-bottom: 1px solid #b5b5b5;
}

.pub_news_con ul li a h6 {
	transition: 0.6s;
	font-size: 14px;
	color: #383838;
	line-height: 180%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.pub_news_con ul li a time {
	display: block;
	font-size: 14px;
	color: #7d7d7d;
	line-height: 180%;
}

.pub_news_con ul li:hover a h6 {
	color: #626f94;
}

@media only screen and (min-width: 0) and (max-width: 1023px) {
	.pub_news {
		display: none;
	}
}

.news_view {
	width: 66.6667%;
}

.news_view_tit h5 {
	font-size: 18px;
	font-weight: normal;
	color: #383838;
	line-height: 180%;
}

.news_view_tit figure {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.news_view_tit figure span {
	margin-top: 10px;
	font-size: 14px;
	color: #7d7d7d;
	line-height: 180%;
	margin-right: 40px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.news_view_tit figure span:last-child {
	margin-right: 0;
}

.news_view_tit figure span img {
	margin-right: 6px;
	height: 18px;
	object-fit: contain;
}

.news_view_tit figure .bdsharebuttonbox a {
	opacity: 1;
	float: left;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 20px !important;
	line-height: 20px !important;
	background-position: unset !important;
}

.news_view_tit figure .bdsharebuttonbox .bds_more {
	padding: 0 0 0 24px !important;
	margin: 0 6px 0 0 !important;
	background: url("") left center no-repeat !important;
}

.news_view_tit figure .bdsharebuttonbox .popup_sqq {
	padding: 10px !important;
	margin: 0 6px 0 0 !important;
	background: url("") center no-repeat !important;
}

.news_view_tit figure .bdsharebuttonbox .bds_qzone {
	padding: 10px !important;
	margin: 0 6px 0 0 !important;
	background: url("") center no-repeat !important;
}

.news_view_tit figure .bdsharebuttonbox .bds_weixin {
	padding: 10px !important;
	margin: 0 6px 0 0 !important;
	background: url("") center no-repeat !important;
}

.news_view_tit figure .bdsharebuttonbox .bds_tsina {
	padding: 10px !important;
	margin: 0 !important;
	background: url("") center no-repeat !important;
}

.news_view_con {
	padding: 35px 0;
	border-bottom: 1px dotted #566892;
	/*color: #7d7d7d;*/
}

.news_view_con img {
	max-width: 100%;
}

.news_view_bot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.news_view_bot ul {
	padding-top: 12px;
	padding-bottom: 40px;
}

.news_view_bot ul li {
	font-size: 14px;
	color: #7d7d7d;
	line-height: 210%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

.news_view_bot ul li span {
	display: inline-block;
	min-width: 4em;
}

.news_view_bot ul li a:hover {
	color: #566892;
}

.news_view_bot>a {
	display: inline-block;
	font-size: 14px;
	color: #fff;
	padding: 7px 12px;
	border-radius: 5px;
	background: #566892;
}

@media only screen and (min-width: 0) and (max-width: 1023px) {
	.news_view {
		width: 100%;
	}

	.news_view_tit h5 {
		font-size: .38rem;
	}

	.news_view_tit figure span {
		margin-top: 5px;
		font-size: .30rem;
		margin-right: .5rem;
	}

	.news_view_tit figure span img {
		margin-right: 3px;
	}

	.news_view_con {
		padding: .5697rem 0;
	}

	.news_view_bot ul {
		padding-top: .20rem;
		padding-bottom: .50rem;
	}

	.news_view_bot ul li {
		font-size: .30rem;
	}

	.news_view_bot>a {
		font-size: .30rem;
		line-height: 210%;
		padding: 0 .20rem;
	}
}

.case {
	padding-top: 30px;
}

.case li {
	float: left;
}

.case li a {
	display: block;
	width: 100%;
}

.case li a div {
	overflow: hidden;
	position: relative;
	width: 100%;
	padding: 50% 0;
}

.case li a div img {
	transition: 0.6s;
	border: 1px solid #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.case li a p {
	transition: 0.6s;
	font-size: 16px;
	color: #4e4e4e;
	line-height: 380%;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.case li:hover a div img {
	border-color: #586894;
}

.case li:hover a p {
	color: #586894;
}

@media only screen and (min-width: 1024px) {
	.case li {
		width: 22.5%;
		margin: 0.5% 1.25% 0 1.25%;
	}

	.case li:nth-of-type(-n+4) {
		margin-top: 0%;
	}
}

@media only screen and (min-width: 0) and (max-width: 1023px) {
	.case {
		padding-top: .50rem;
	}

	.case li a p {
		font-size: .35rem;
		line-height: 350%;
	}
}

@media only screen and (min-width: 0) and (max-width: 768px) {
	.case li {
		width: 47.5%;
		margin: 0.5% 1.25% 0 1.25%;
	}

	.case li:nth-of-type(-n+2) {
		margin-top: 0%;
	}
}

@media only screen and (min-width: 769px) and (max-width: 1023px) {
	.case li {
		width: 30.8333%;
		margin: 0.5% 1.25% 0 1.25%;
	}

	.case li:nth-of-type(-n+3) {
		margin-top: 0%;
	}
}

.contact {
	margin-top: 50px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.contact .contact_box {
	width: 35.8334%;
	padding: 45px 0 33px 0;
	background: #fff;
}

.contact_word {
	width: 336px;
	margin: 0 auto;
}

.contact_word h5 em {
	display: block;
	font-size: 18px;
	font-weight: bold;
	color: #576992;
	letter-spacing: 2px;
}

.contact_word h5 span {
	display: block;
	font-size: 14px;
	font-family: "Arial";
	font-weight: normal;
	color: #4e4e4e;
}

.contact_word ul {
	margin: 40px 0;
}

.contact_word ul li {
	font-size: 16px;
	color: #4e4e4e;
	line-height: 180%;
}

.contact_word img {
	width: 100%;
	object-fit: contain;
}

.message {
	width: 60.8334%;
	padding: 15px 6.2% 20px 6.2%;
	background: #fff;
}

.message h5 {
	font-size: 16px;
	font-weight: normal;
	color: #4e4e4e;
	line-height: 160%;
}

.message h5 span {
	display: block;
	text-indent: 2em;
}

.msg_form {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.msg_form section {
	margin-top: 1%;
	width: 45%;
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	border-bottom: #ccc 1px solid
}

.msg_form section:nth-of-type(5) {
	width: 100%;
}

.msg_form section:nth-of-type(n+1) {
	margin-right: 5%;
}

.msg_form section span {
	min-width: 2.5em;
	font-size: 16px;
	color: #717071;
	line-height: 30px;
}

.msg_form input[type="text"],
.msg_form input[type="email"],
.msg_form textarea {
	transition: 0.6s;
	font-size: 16px;
	color: #4e4e4e;
	width: 100%;
	height: 30px;
	line-height: 100%;
	padding: 0 10px;
	border: 0px solid #ccc;
	background: transparent;
	outline: none;
}

.msg_form input[type="text"]:focus,
.msg_form input[type="email"]:focus,
.msg_form textarea:focus {
	border-color: #56688d;
	box-shadow: 0 0 10px rgba(86, 104, 141, 0.5);
}

.msg_form textarea {
	resize: none;
	height: 75px;
	line-height: 150%;
	padding: 0 10px;
}

.msg_form .ver_code {
	margin-top: 25px;
	margin-right: 5%;
	position: relative;
	display: inline-block;
	width: 210px;
	border-radius: 5px;
	background: #fff;
}

.msg_form .ver_code>p {
	font-size: 16px;
	color: #4e4e4e;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%);
	line-height: 100%;
}

.msg_form .ver_code .code-box {
	display: inline-block;
	position: relative;
	border: 0;
	padding: 0 10px;
	vertical-align: bottom;
	width: 100%;
	height: 30px;
	color: #fff;
	text-shadow: 1px 1px 1px black;
	border-radius: 5px;
	background: rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06);
	outline: none;
}

.msg_form .ver_code .code-box p,
.msg_form .ver_code .code-box span {
	display: block;
	position: absolute;
	left: 0;
	height: 30px;
	line-height: 30px;
	color: #fff;
	text-align: center;
	border-radius: 5px;
}

.msg_form .ver_code .code-box span {
	width: 40px;
	font-size: 16px;
	font-family: "宋体";
	background: #f8f8f8;
	cursor: pointer;
}

.msg_form .form_submit,
.msg_form .form_reset {
	transition: 0.6s;
	margin-top: 25px;
	height: 40px;
	font-size: 18px;
	color: #fff;
	padding: 0 5%;
	border: 1px solid #111;
	cursor: pointer;
	outline: none;
}

.msg_form .form_submit_default,
.msg_form .form_reset {
	color: #fff;
	border-color: #fff;
	background: #111;
}

.msg_form .inwind {
	width: 100%;
	text-align: right;
	margin-right: 5%
}

.msg_form .form_reset {
	margin-right: 0;
}

.msg_form .form_reset:hover {
	color: #fff;
	border-color: #1b1b1b;
	background: #1b1b1b;
}

@media only screen and (min-width: 0) and (max-width: 1220px) {
	.message {
		padding: 15px 4% 20px 4%;
	}
}

@media only screen and (min-width: 0) and (max-width: 1023px) {
	.contact {
		margin-top: .8138rem;
		display: block;
	}

	.contact .contact_box {
		width: 100%;
		padding: .45rem .27rem;
	}

	.contact_word {
		width: 100%;
	}

	.contact_word h5 em {
		font-size: .38rem;
	}

	.contact_word h5 span {
		font-size: .30rem;
	}

	.contact_word ul {
		margin: .6499rem 0;
	}

	.contact_word ul li {
		font-size: .35rem;
	}

	.contact_word img {
		width: auto;
		height: 1.823rem;
	}

	.message {
		width: 100%;
		padding: .27rem;
	}

	.message h5 {
		font-size: .35rem;
	}

	.msg_form {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: wrap;
	}

	.msg_form section {
		margin-top: 2.5%;
		width: 100%;
	}

	.msg_form section:nth-of-type(-n+2) {
		width: 100%;
	}

	.msg_form section:nth-of-type(1) {
		margin-right: 5%;
	}

	.msg_form input[type="text"],
	.msg_form input[type="email"],
	.msg_form textarea {
		font-size: .35rem;
		height: auto;
		line-height: 220%;
		padding: 0 .2rem;
	}

	.msg_form textarea {
		height: 2rem;
		line-height: 150%;
		padding: 0 .2rem;
	}

	.msg_form .ver_code {
		margin-top: 2.5%;
		width: 60%;
		margin-right: 40%;
	}

	.msg_form .ver_code>p {
		font-size: .35rem;
	}

	.msg_form .ver_code .code-box {
		height: .80rem;
	}

	.msg_form .ver_code .code-box p,
	.msg_form .ver_code .code-box span {
		height: .80rem;
		line-height: .80rem;
	}

	.msg_form .ver_code .code-box span {
		width: .80rem;
		font-size: .35rem;
	}

	.msg_form .form_submit,
	.msg_form .form_reset {
		margin-top: 2.5%;
		height: .80rem;
		font-size: .35rem;
		padding: 0 .30rem;
	}
}

@media only screen and (min-width: 0) and (max-width: 520px) {
	.msg_form .inwind {
		width: 100%;
		text-align: left;
		margin-right: 5%
	}

	.msg_form .form_submit,
	.msg_form .form_reset {
		transition: 0.6s;
		margin-top: 5%;
		margin-bottom: 10%;
		height: 35px;
		font-size: .4rem;
		color: #fff;
		padding: 0 5%;
		border: 1px solid #111;
		cursor: pointer;
		outline: none;
	}

	.msg_form .form_submit_default,
	.msg_form .form_reset {
		color: #fff;
		border-color: #fff;
		background: #111;
	}

}

.map_box {
	width: 100%;
	padding: 50px 0;
}

#map {
	width: 100%;
	height: 550px;
}

.BMap_bubble_content p {
	font-size: 14px;
	color: #4e4e4e;
	line-height: 180%;
}

.BMap_bubble_content p:nth-of-type(1) {
	font-size: 16px;
	font-weight: bold;
	color: #bf0008;
	margin-bottom: 5px;
}

@media only screen and (min-width: 0) and (max-width: 1023px) {
	.map_box {
		padding: .80rem 0;
	}

	#map {
		height: 8rem;
	}
}

.ser_box {
	width: 33%;
	float: left
}

.serbom {
	width: 100%;
	padding: 8%;
	overflow: hidden;
	text-align: left;
	height: 445px;
}

.pro_view2 main:nth-of-type(1) {
	background: #e6211b;
}

.pro_view2 main:nth-of-type(2) {
	background: #f0f0f0;
}

.pro_view2 main:nth-of-type(3) {
	background: #182980;
}

.pro_view2 main:nth-of-type(4) {
	background: #f0f0f0;
}

.pro_view2 main:nth-of-type(5) {
	background: #182980;
}

.pro_view2 main:nth-of-type(6) {
	background: #e6211b;
}

.serbom h2 {
	font-size: .32rem;
	line-height: 150%;
	font-weight: normal;
	text-align: left;
	height: 90px;
	font-weight: "Arial"
}

.serbom h1 {
	font-size: .6rem;
	line-height: 150%;
	font-weight: normal;
	text-align: left;
	margin: 0
}

.serbom .ser_nay {
	width: 41%;
	float: right;
	margin-top: 22%;
	height: 160px;
}

.serbom .ser_nay li {
	font-size: .23rem;
	line-height: 200%;
	text-align: left;
}

.ser_call {
	color: #979797;
	font-size: .23rem;
	line-height: 150%;
	text-align: left
}

.ser_call a {
	color: #979797;
	border-bottom: #979797 1px solid
}

.ser_call a:hover {
	color: #979797;
	border-bottom: #979797 0px solid
}

.ser_call2 {
	color: #fff;
	font-size: .23rem;
	line-height: 150%;
	text-align: left
}

.ser_call2 a {
	color: #fff;
	border-bottom: #fff 1px solid
}

.ser_call2 a:hover {
	color: #fff;
	border-bottom: #979797 0px solid
}

.sre_white {
	color: #fff
}

.sre_gray {
	color: #979797
}

.sre_buld {
	background: #182980;
	height: 445px;
	width: 100%;
}

.sre_red {
	background: #e6211b;
	height: 445px;
	width: 100%;
	color: #fff
}

.sre_gred {
	background: #f0f0f0;
	height: 445px;
	width: 100%;
}

.mtb5 {
	margin-top: 5%;
	margin-bottom: 10%
}

.mtb6 {
	margin-top: 2%;
	margin-bottom: 13.5%
}

.ser_tiet_back {
	float: right;
	width: 83%;
	color: #818181;
	font-size: 22px;
	font-weight: normal;
	margin: 0px
}

@media only screen and (min-width: 0) and (max-width: 800px) {
	.ser_box {
		width: 33%;
		float: left
	}

	.serbom {
		width: 100%;
		padding: 5%;
		overflow: hidden;
		text-align: left;
		height: 350px;
	}

	.serbom h2 {
		font-size: .3rem;
		line-height: 130%;
		font-weight: normal;
		color: #979797;
		text-align: left;
		height: 65px
	}

	.serbom h1 {
		font-size: .4rem;
		line-height: 150%;
		font-weight: normal;
		color: #979797;
		text-align: left;
		margin: 0
	}

	.serbom .ser_nay {
		width: 65%;
		float: right;
		margin-top: 22%;
		color: #979797;
		height: 155px;
	}

	.serbom .ser_nay li {
		font-size: .25rem;
		line-height: 180%;
		text-align: left;
	}

	.pro_view2 main:nth-of-type(1) {
		background: #e6211b;
	}

	.pro_view2 main:nth-of-type(2) {
		background: #f0f0f0;
	}

	.pro_view2 main:nth-of-type(3) {
		background: #f0f0f0;
	}

	.pro_view2 main:nth-of-type(4) {
		background: #182980;
	}

	.pro_view2 main:nth-of-type(5) {
		background: #182980;
	}

	.pro_view2 main:nth-of-type(6) {
		background: #e6211b;
	}

	.mtb5 {
		margin-top: 9%;
		margin-bottom: 10%
	}
}

@media only screen and (min-width: 0) and (max-width: 520px) {
	.ser_box {
		width: 50%;
		float: left
	}

	.serbom {
		width: 100%;
		padding: 5%;
		overflow: hidden;
		text-align: left;
		height: 300px;
	}

	.serbom h2 {
		font-size: .4rem;
		line-height: 130%;
		font-weight: normal;
		color: #979797;
		text-align: left;
		height: 60px
	}

	.serbom .ser_nay {
		width: 72%;
		float: right;
		margin-top: 23%;
		color: #979797;
		height: 140px;
	}

	.serbom .ser_nay li {
		font-size: .2rem;
		line-height: 180%;
		text-align: left;
	}

	.pro_view2 main:nth-of-type(1) {
		background: #e6211b;
	}

	.pro_view2 main:nth-of-type(2) {
		background: #f0f0f0;
	}

	.pro_view2 main:nth-of-type(3) {
		background: #f0f0f0;
	}

	.pro_view2 main:nth-of-type(4) {
		background: #182980;
	}

	.pro_view2 main:nth-of-type(5) {
		background: #182980;
	}

	.pro_view2 main:nth-of-type(6) {
		background: #e6211b;
	}

	.mtb5 {
		margin-top: 10%;
		margin-bottom: 15%
	}
}

.vid_tiet_back {
	float: right;
	width: 75%;
	color: #818181;
	font-size: 22px;
	font-weight: normal;
	margin: 0px
}

.pack_tiet_back {
	float: right;
	width: 49%;
	color: #818181;
	font-size: 22px;
	font-weight: normal;
	margin: 0px
}

.vid_miao {
	color: #717071;
	line-height: 150%;
	font-size: 20px
}

.vid_any {
	margin-top: 9.5%;
	display: flex
}

.vid_any .w_tiet {
	width: 40%;
	display: inline-table;
	text-align: left
}

.vid_any .w_tiet02 {
	width: 60%;
	display: inline-table;
	text-align: left
}

.vid_box {
	padding: 5.5% 0;
	display: flex;
}

.pro_view2 article {
	border-bottom: #e7e7e8 1px solid
}

.pro_view2 article:last-of-type {
	border-bottom: #e7e7e8 0px solid
}

.vid_box .vid_img {
	width: 50%;
	display: inline-block;
}

.vid_box .vid_img img {
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;
}

.pro_view2 .packwind {
	width: 100%;
	display: block
}

.pro_view2 .packwind li {
	width: 45%;
	float: left;
	border-bottom: #e7e7e8 1px solid;
	display: ;
	padding-bottom: 30px
}

.pro_view2 .packwind li:nth-child(2n+1) {
	padding-right: 5%
}

.pro_view2 .packwind li:nth-child(2n) {
	padding-left: 5%
}

.pro_view2 .packwind li img {
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;
}

.pro_view2 .packwind h1 {
	padding-top: 25px;
	height: 120px;
	padding-bottom: 10px;
	font-size: 26px;
	display: block
}

.pro_view2 .packwind h1 span {
	float: right;
	font-size: 13px;
	font-weight: normal;
	line-height: 30px
}

.pro_view2 .packwind h1 span a {
	color: #979798;
	text-decoration: underline
}

.pro_view2 .packwind h1 span a:hover {
	color: #ff0000;
	text-decoration: underline
}

.pro_view2 .packwind .packtiex {
	font-size: 20px;
	height: 70px
}

.pro_view2 .packwind .packtms {
	font-size: 13px;
	color: #717071;
	line-height: 20px;
	height: 70px;
	overflow: hidden
}




.vid_box .vid_img a {
	position: relative;
	display: block;
	width: 100%;
	height: 360px
}

.vid_box .vid_img a img {
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;
	object-fit: cover;
}

.vid_box .vid_img a h5 {
	transition: 0.6s;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	font-size: 18px;
	font-weight: normal;
	color: #fff;
	text-align: center;
	padding: 0%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

.vid_box .vid_img:hover a h5 {
	opacity: 1;
	color: #fff;
	background: rgba(0, 0, 0, 0.3);
}

.vid_box .vid_word {
	width: 50%;
	padding-left: 9%;
	display: inline-table;
	color: #717071;
	font-size: 13px;
	line-height: 180%
}

.vid_box .vid_word h1 {
	color: #000;
	font-weight: normal;
	margin: 0px;
	font-size: 26px
}

.vid_box .vid_word p {
	color: #000;
	font-size: 20px;
	padding: 14.5% 0 6% 0
}

.vid_box .vid_word ul {
	height: 180px;
	padding-bottom: 10px;
	overflow: hidden
}

@media only screen and (min-width: 0) and (max-width: 520px) {
	.vid_any {
		margin-top: 8%;
		display: inline
	}

	.vid_any .w_tiet {
		width: 100%;
		display: block;
		text-align: left;
		padding-top: 10%
	}

	.vid_any .w_tiet02 {
		width: 100%;
		display: block;
		text-align: left;
		padding-top: 15%
	}

	.vid_box {
		padding: 4% 0;
		display: inline;
	}

	.vid_box .vid_img {
		width: 100%;
		display: inline-block;
	}

	.vid_box .vid_img a {
		position: relative;
		display: block;
		width: 100%;
		height: auto;
		padding: 30% 0
	}

	.vid_box .vid_img a h5 {
		display: none
	}

	.vid_box .vid_word {
		width: 100%;
		padding-left: 0%;
		display: inline-table;
		color: #717071;
		font-size: .25rem;
		line-height: 150%;
		border-bottom: #e7e7e8 1px solid;
		margin-bottom: 8%
	}

	.vid_box .vid_word h1 {
		color: #000;
		font-weight: normal;
		margin: 0px;
		font-size: .45rem;
		padding-top: 2%
	}

	.vid_box .vid_word p {
		color: #000;
		font-size: .38rem;
		padding: 3% 0
	}

	.vid_box .vid_word ul {
		height: auto;
		padding-bottom: 8%;
	}

	.vid_box .ser_call {
		display: none
	}

	.pro_view2 article {
		border-bottom: #e7e7e8 0px solid
	}

	.more_btn {
		padding-top: 0
	}

	.pro_view2 .packwind h1 {
		padding-top: 25px;
		height: 120px;
		padding-bottom: 10px;
		font-size: 26px;
		overflow: hidden
	}

	.pro_view2 .packwind h1 span {
		float: right;
		font-size: 13px;
		font-weight: normal;
		line-height: 30px;
		display: none
	}

	.pro_view2 .packwind .packtiex {
		font-size: 20px;
		height: 55px;
		overflow: hidden;
		margin-bottom: 10px
	}

	.pro_view2 .packwind .packtms {
		font-size: 13px;
		color: #717071;
		line-height: 20px;
		height: 100px;
		overflow: hidden;
	}
}

.viptop {
	margin: 10% auto;
	width: 90%;
}

.vip_ang {
	font-size: 14px;
	padding-bottom: 2%
}

.vip_ang ul {
	width: 100%
}

.vip_ang li {
	display: inline-table;
	width: auto;
	padding-right: 3%;
	line-height: 200%
}

.vip_ang li a {
	color: #818181
}

.vip_ang li a:hover {
	color: #231815;
	border-bottom: #231815 1px solid;
	line-height: 200%
}

.vip_ang .inhov {
	color: #231815;
	border-bottom: #231815 1px solid;
	line-height: 200%
}

.viptop .msg_form {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.viptop .msg_form section {
	margin-top: 1%;
	width: 100%;
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	border-bottom: #ccc 1px solid
}

.viptop .msg_form section span {
	min-width: 3.2em;
	font-size: 16px;
	color: #717071;
	line-height: 30px;
}

.viptop .msg_form input[type="text"],
.msg_form input[type="email"],
.msg_form textarea {
	transition: 0.6s;
	font-size: 16px;
	color: #4e4e4e;
	width: 100%;
	height: 30px;
	line-height: 100%;
	padding: 0 10px;
	border: 0px solid #ccc;
	background: transparent;
	outline: none;
}

.viptop .msg_form input[type="text"]:focus,
.msg_form input[type="email"]:focus,
.msg_form textarea:focus {
	border-color: #56688d;
	box-shadow: 0 0 10px rgba(86, 104, 141, 0.5);
}

.viptop .msg_form textarea {
	resize: none;
	height: 75px;
	line-height: 150%;
	padding: 0 10px;
}

.viptop .msg_form .ver_code {
	margin-top: 25px;
	margin-right: 5%;
	position: relative;
	display: inline-block;
	width: 210px;
	border-radius: 5px;
	background: #fff;
}

.viptop .msg_form .ver_code>p {
	font-size: 16px;
	color: #4e4e4e;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%);
	line-height: 100%;
}

.viptop .msg_form .ver_code .code-box {
	display: inline-block;
	position: relative;
	border: 0;
	padding: 0 10px;
	vertical-align: bottom;
	width: 100%;
	height: 30px;
	color: #fff;
	text-shadow: 1px 1px 1px black;
	border-radius: 5px;
	background: rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06);
	outline: none;
}

.jifan {
	padding: 10px;
	width: 100%;
	color: #4e4e4e;
	border-bottom: #ccc 1px solid;
	line-height: 200%;
	display: flex;
}

.jifan ul {
	width: 100%;
	clear: both;
	line-height: 200%
}

.jifan li {
	color: #4e4e4e;
	display: inline-table;
}

.jifan .ji_name {
	text-align: left;
	width: 30%
}

.jifan .ji_neb {
	text-align: center;
	width: 20%
}

.jifan .ji_time {
	text-align: center;
	width: 30%
}

.jifan .ji_late {
	text-align: right;
	width: 18%
}

.jifan .fon_gree {
	color: #009900
}

@media only screen and (min-width: 0) and (max-width: 520px) {
	.viptop {
		margin: 25% auto 10% auto;
		width: 90%;
	}

	.vip_ang {
		font-size: 14px;
		padding-bottom: 10%
	}

	.jifan .ji_name {
		text-align: left;
		width: 65%;
		overflow: hidden
	}

	.jifan .ji_neb {
		text-align: right;
		width: 33%
	}

	.jifan .ji_time {
		text-align: left;
		width: 65%
	}

	.jifan .ji_late {
		text-align: right;
		width: 33%
	}
}

/*咨询*/


#zx {
	width: 107px;
	top: 500px;
	right: 35%;
	margin-right: -650px;
	position: fixed;
	_position: absolute;
	z-index: 9999;
	_bottom: 0;
}

.zx {
	width: 107px;
	height: 130px;
	background: #fff;
	box-shadow: #333 1px 1px 1px 1px;
	font-family: "微软雅黑";
	padding-top: 10px;
}

#zx h3 {
	font-size: 12px;
	font-weight: normal;
	padding: 5px 0 0 0;
	text-align: center;
}

#zx p {
	padding-bottom: 5px;
	text-align: center;
	font-family: "微软雅黑";
}

#aside {
	width: 65px;
	position: fixed;
	right: 1px;
	top: 50%;
	z-index: 20;
	transform: translateY(-50%);
}

#aside ul li {
	overflow: hidden;
	margin-bottom: 4px;
	line-height: 57px;
	transition: 0.6s;
	position: relative;
	text-align: center;
	background: #878787;
	width: 65px;
	height: 65px;
}

#aside ul li i {
	color: #BDBCBC;
}

#aside ul li a {
	display: block;
	padding: 6px;
}

#aside ul li a p {
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	line-height: 140%;
	display: block;
}

#aside ul li .aside_type1 {
	transition: 0.6s;
	width: 120px;
	height: 120px;
	background: url();
	background-size: 100% 100%;
	transform: scale(0);
	position: absolute;
	left: -130px;
	top: -38px;
}

#aside ul li .aside_type1 img {
	width: 100%;
	height: 100%;
}

#aside ul li .aside_type2 {
	z-index: -1;
	border: 3px solid #ff0014;
	opacity: 0;
	transition: 0.6s;
	position: absolute;
	color: #707070;
	height: 47px;
	line-height: 40px;
	padding: 0 10px;
	width: 210px;
	top: 0;
	right: 0;
	background: #fff;
	box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.2);
}

#aside ul li .aside_type2 a {
	display: inline-block;
}

#aside ul li .aside_type3 {
	background: #fff;
	transition: 0.6s;
	opacity: 0;
	border: 3px solid #ff0014;
	z-index: -1;
	transition: 0.6s;
	position: absolute;
	color: #707070;
	line-height: 47px;
	top: -51px;
	left: -130px;
	background: #fff;
	width: 160px;
	box-sizing: border-box;
}

#aside ul li .aside_type3 img {
	padding: 16px 0 0 0;
	margin: 0 auto 0 auto;
}

#aside ul li .aside_type3 span {
	height: 35px;
	line-height: 35px;
	text-indent: 20px;
	width: 110px;
	background: #fff url() no-repeat 22px 9px;
	border-radius: 6px;
	margin-bottom: 10px;
	display: block;
}

#aside ul li .aside_type3 a:hover {
	background: #ff0014;
	color: #fff;
}

#aside ul li:hover {
	background: #ff0014;
	overflow: visible;
}

#aside ul li:hover i {
	color: #fff;
}

#aside ul li:hover .aside_type1 {
	transform: scale(1);
}

#aside ul li:hover .aside_type2 {
	opacity: 1;
	right: 45px;
}

#aside ul li:hover .aside_type2 a {
	transition: 0.6s;
}

#aside ul li:hover .aside_type2 a:hover {
	color: #ff0014;
}

#aside ul li:hover .aside_type3 {
	opacity: 1;
	left: -160px;
}

#aside ul li .go_top {
	cursor: pointer;
	transition: 0.6s;
}

#aside ul li .go_top:hover {
	color: #ff0014;
}

#aside ul li .icon {
	display: block;
	margin: 0 auto;
	width: 34px;
	height: 34px;
	overflow: hidden;
}

#aside ul li .icon i {
	box-sizing: content-box;
	margin: 0 auto;
	display: inline-block;
	width: 46px;
	height: 46px;
	position: relative;
}

#aside ul li:nth-of-type(1) {
	background: #ff0014;
}

#aside ul li:nth-of-type(1) .icon {
	background: url(../images/aside_ico4.png) no-repeat center center;
}

#aside ul li:nth-of-type(2) .icon {
	background: url(../images/aside_ico5.png) no-repeat center center;
}